<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>超链接</title>
</head>
<body>
     <!-- 
          超链接： a
          href： 要跳转的目标地址
          target: 以什么样的方式打开链接
               _blank 在新页面中打开
               _self 默认值

          注意： 1.href是个网络地址 一定要加http：//或者https：//  告诉浏览器这是网络地址
          2.行内元素 --- 无法设置宽高 在同一行 完美符合行内元素特性 
          3.a标签里的内容可以是文字也可以是图片  
      -->
      <a style="width: 500px; background-color: green;"href="http://www.baidu.com" target="_blank">我爱上班</a>
      <a href="./04水平线.html">上班使我快乐</a>
      <a href="www.baidu.com">朱鸿慷说我最爱上班，不上班就刺挠</a>
      <img src="1.webp"alt="">

      <!-- 
          a还可以当作锚点去使用
          搭配id去使用,id是独一无二的，一个页面名字不能重复
          使用： #id名
        
      -->

        
       <a href="#liang">去梁子璇家</a>
       <!-- 跳转到其他页面的固定地方 -->
       <a href="05图片标签.html#oldba">参观老八</a>
       <!-- 跳转到本页面 -->
       <a href="#">返回顶部</a>

       <!-- javascript:; 会阻止页面刷新，良好的开发习惯 -->
       <a href="javascript:;">不知道写什么</a>


       <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
       

        <!--  先用id起个名 -->
       <h1 id="ke"><img src="./1.webp"></h1>
       <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
       <h1 id="liang">去吃小汉堡	</h1>
       <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        


</body>
</html>